<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>comic</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="../../css/pepper-grinder/jquery-ui-1.8.16.custom.css" />
	<link type="text/css" rel="stylesheet" href="css/book.css" />
	<script type="text/javascript" src="../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../../js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="../../js/popeScroll.js"></script>
	<script language="JavaScript" type="text/JavaScript">
		var hidetr = 0;
		var name;
		var author;
		var bookchaptersid
		var bookid;
		$(document).ready(function() {
			var cururl = window.location.href;
			bookchaptersid = cururl.split('?')[1].split('&')[0].split('=')[1];
			bookid = cururl.split('?')[1].split('&')[1].split('=')[1];
			
			$(window).resize(function() {
				refresh();
			});
			refresh();
			$("#toolcontent").hover(function(){
				$(this).removeClass("transparent_0");
				$(this).addClass("transparent_class");
			},function(){
				$(this).removeClass("transparent_class");
				$(this).addClass("transparent_0");
			});
			$.getJSON("book_getBookChaptersToJsonById.do",{bookChaptersId:bookchaptersid},function(json){
					if(json.content == null){
						alert("该章节未收录");
						return;
					}
					$("#title").html(json.name);
					$("#bookcontent").html(json.content);
					
			});
			$("#bookcontent").popeScroll({
				offset_top:300,
				top:25,
				mousewheelBox:"box"
			});

		});

		function refresh(){
			var winheight = $(window).height();
			var winwidth = $(window).width();
			$("#bodydiv").css("height",winheight);
			$("#box").css("height",winheight-100);
			$("#bookcontent").css("width",winwidth*3/4);
			$("#bookcontent").css("padding-left",winwidth/8);
			$("#bookcontent").css("height",winheight-100);
			
		}

		function goback(){
			//window.history.go(-1);
			window.location.href = "showbook.html?id="+bookid;
		}

		

		
	</script>
</head>
<body style="background-color=transparent;width:100%;margin-left:0px;margin-top:0px;">
	<div id="bodydiv" style="background:url(../../image/bg/17.png)">
		<div id="title" class="showtitle"></div>
		
		<div id="box" style="overflow:hidden;width:100%;float:left;margin-top:15px;">
			<div id="bookcontent" class="showbookcontent"></div>
			
		</div>
		<div id="toolcontent" class="toolcontent transparent_0">
			
			<div style="height:100%;">
				<img title="返回" src="../../image/cover/system/white/MB_0006_back.png" style="width:60px;height:60px;cursor:pointer;float:right;padding-right:10px;" onclick="goback();" /> 
				
				
				
			</div>
		</div>
	</div>
	
</body>
</html>